<!-- header start -->
#include("header.html")
<!-- header end -->
<div class="banner mini" id="banner">
	<ul class="list">
	#slide_list(count=3,gid=2)
	#for(slide : slides) 
  	<li><img src="#(slide.image)" alt="#(slide.title)" /></li>
	#end
	#end
     </ul>
    <ul class="tip"></ul>
</div>

<div class="searcher" id="searcher">
	<div class="wrap">
        <div class="inner">
		<form action="#(currentSite.url)/content/search"  method="get">
        	<input type="text" class="txt"  name="keyword"  value="" maxlength="16" placeholder="请输入关键词" id="SearchTxt" />
		   <button type="submit" class="submit"></button>
			</form>
        </div>
        <ul class="key">
        	<li><b>关键词：</b></li>
            <li><a href="#(currentSite.url)/content/search?keyword=关键词1">关键词1</a></li>
            <li><a href="#(currentSite.url)/content/search?keyword=关键词2">关键词2</a></li>
            <li><a href="#(currentSite.url)/content/search?keyword=关键词3">关键词3</a></li>
                    </ul>
        <div class="clear"></div>
    </div>
</div>



<div class="wrapper" id="wrapper">
	<!-- left start -->
	#include("left.html")
	<!-- left end -->
    <div class="container" id="container">
        <div class="location" id="location">
        <div class="head">
    	<h2>#(currentCategory.name)</h2>
        <h3>#(currentCategory.subname)</h3>
    </div>
    <div class="path">#include("position.html")</div>
    </div>
        <div class="content" id="content">
            <div class="case-detail">
                <h1>#(currentContent.title)</h1>
                                <div class="photo"><img src="#(currentContent.ico)" title="#(currentContent.title)" alt="#(currentContent.title)"></div>
                                <div class="article">#(currentContent.introduction)</div>
                <div class="share right">
                	<div class="bdsharebuttonbox bdshare-button-style0-24" data-bd-bind="1460094611815">
    <span>分享到：</span>
    <a href="#" class="jing_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
    <a href="#" class="jing_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
    <a href="#" class="jing_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
    <a href="#" class="jing_renren" data-cmd="renren" title="分享到人人网"></a>
    <a href="#" class="jing_weixin" data-cmd="weixin" title="分享到微信"></a>
</div>
                </div>
            </div>
        </div>
		<div class="relink">
        	<p>上一篇：#if(currentContent.lastContent??)<a href="#(currentContent.lastContent.path)">#(abbreviate(currentContent.lastContent.title,15,''))</a>#else无#end</p>
		<p>下一篇：#if(currentContent.nextContent??)<a href="#(currentContent.nextContent.path)">#(abbreviate(currentContent.nextContent.title,15,''))</a>#else无#end</p>
        </div>
		<div class="rmd-pro">
    <div class="head">
        <h2> 相关推荐 </h2>
        #category(id=currentContent.categoryId)<a href="#(category.path)" class="mo">更多+</a>#end
    </div>
    <div class="main" id="rmdPro">
        <dl class="list" style="width: 3200px; position: relative; left: -1000px;">
            #content_list(count=10,categoryId=currentContent.categoryId)
            #for(content : contents)
            <dd class="item"><a href="#(content.path)">
                <img src="#(content.ico)" title="#(abbreviate(content.title,18,''))" alt="#(abbreviate(content.title,18,''))">
                <h3>#(abbreviate(content.title,18,''))</h3>
            </a></dd>
         	#end
         	#end
            
                    </dl>
    </div>
</div>
<div class="rmd-form">
    <div class="head">
        <h2>在线预订</h2>
    </div>
       <form name="formPost" id="formPost" onsubmit="return submsg(this);" method="POST">
	        	<div class="main">
	            	<div class="row-1 ico-name">
	                    <input type="text" class="txt" name="contact"  value="" placeholder="您的称呼" maxlength="5" data-required="name" error="请输入您的的称呼">
	                    <i class="tip">*</i>
	                </div>
	                <div class="row-1 ico-phone">
	                    <input type="text" class="txt" name="mobile"  value="" placeholder="联系电话" maxlength="15" data-required="phone" error="请输入正确的联系电话">
	                    <i class="tip">*</i>
	                </div>
	
	                <div class="row-2">
	                    <textarea class="text" name="content" placeholder="请填写您的需求信息..."></textarea>
	                </div>
	                <div class="row-3">
	                    <input type="text" class="code" name="captcha" id="captcha" value="" placeholder="验证码" maxlength="4" data-required="required" null="请输入验证码">
	                    <img id="captchaImage" src="#(currentSite.url)/common/captcha/image" onclick="this.src='#(currentSite.url)/common/captcha/image?'+Math.round(Math.random()*10);" class="code">
	                </div>
	                <div class="row-3">
	                    <input type="submit" class="submit" value="提交">
	                    <input type="reset" class="reset" value="重置">
	                </div>
	                <div class="clear"></div>
	            </div>
			</form>


</div>
    </div>
    <div class="clear"></div>
</div>
<script>

//ajax提交留言
function submsg(obj){
  var url='#(currentSite.url)/api/guestbook';
  var contact=$(obj).find("#contact").val();
  var mobile=$(obj).find("#mobile").val();
  var content=$(obj).find("#content").val();
  var captcha=$(obj).find("#captcha").val();
  
  $.ajax({
    type: 'POST',
    url: url,
    dataType: 'json',
    data: {
    	contact: contact,
    	mobile: mobile,
    	content: content,
    	captcha: captcha
    },
    success: function (response, status) {
      if(response.type=="success"){
		 alert("谢谢您的反馈，我们会尽快联系您！");
		 $(obj)[0].reset(); 
      }else{
    	 alert(response.data);
      }
    },
    error:function(xhr,status,error){
      alert('返回数据异常！');
    }
  });
  return false;
}
</script>
<!-- footer start -->
#include("footer.html")
<!-- footer end -->